<template>
  <div class="group-title">
    <span class="title-left">[一把骨]相关推荐</span>
     <div class="related-deal-card">
    <a
      href="/i/deal/600996444?stid=096067736070915474287378662923946457616_c0_ed8a45d67836d8ff645c18394d5d61e52"
    >
      <div class="simple-card">
        <div class="deal-card">
          <span class="icon-sp dealtype-icon icon-quan"></span>
          <div class="deal-card-block-right">
            <div class="title text-block">[静居寺]20元代金券1张，可叠加</div>
            <div class="price">
              <span class="strong">13.9</span>
              <span class="strong-color">元</span>
              <del>20元</del>
              <span class="line-right">已售4</span>
            </div>
          </div>
        </div>
      </div>
    </a>
  </div>
  </div>
 
</template>
<script>
export default {};
</script>
<style scoped>
.related-deal-card a {
    display: block;
    padding: 0.28rem 0.2rem;
    padding-left: 0;
    height: 100%;
}
.related-deal-card a .deal-card-block-right .text-block {
    margin-bottom: 0;
    line-height: 1.41;
    text-align: justify;
}
.related-deal-card a .deal-card-block-right .title {
    width: 100%;
    font-size: 0.3rem;
    color: #666;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.related-deal-card a .price .strong {
    font-size: 0.38rem;
    color: #06c1ae;
}
.related-deal-card a .price .strong-color {
    margin-right: 0.1rem;
    font-size: 0.26rem;
    color: #06c1ae;
}
card a .price del {
    font-size: 0.24rem;
    text-decoration: none;
}
a {
    color: #06c1ae;
    outline: none;
    text-decoration: none;
}
.related-deal-card a .deal-card-block-right .text-block {
    margin-bottom: 0;
    line-height: 1.41;
    text-align: justify;
}
.group-title {
  border-bottom: 1px solid #ddd8ce;
  font-size: 0.34rem;
  line-height: 1.5;
  padding: 0.22rem 0.2rem 0.14rem 0.2rem;
  color: #333;
}
.group-title {
  border-bottom: 1px solid #ddd8ce;
  font-size: 0.44rem;
  line-height: 1.5;
  padding: 0.22rem 0.2rem 0.14rem 0.2rem;
  color: red;
}

.related-deal-card {
  position: relative;
  margin: 0;
  margin-left: 0.2rem;
  border-bottom: 1px solid #ddd8ce;
  overflow: hidden;
  font-size: 0.28rem;
  font-weight: 400;
  background-color: #fff;
}

</style>
